<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>前台营业列表</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/js/common/bootstrap/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/js/common/bootstrap/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="${pageContext.request.contextPath }/js/jquery-3.1.1.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="${pageContext.request.contextPath }/js/common/bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
	<hr>
	<form action="/bsc/proltal/jhy/qiantaiBusiness"
		method="post" class="form-inline" id="myform">
		<table class="table table-condensed" width="100%">
			<tr>
				<td align="right">订单编号：</td>
				<td><input type="text" id="order_id"
					name="order_id" value="" class="form-control"
					aria-describedby="sizing-addon3" /></td>
				<td  align="right">顾客账号：</td>
				<td><input type="text" id="mobile" name="mobile"
					value="" class="form-control" /></td>
				<td  align="right">顾客姓名：</td>
				<td><input type="text" id="username"
					name="username"  class="form-control" /></td>
				<td align="right">订单状态：</td>
				<td colspan="3"><select name="order_status" id="order_status"
					class="form-control">
						<option value="">全部</option>
						<option value="1" <c:if test="${bbo.order_status==1 }">selected=selected</c:if>>已支付</option>
						<option value="2" <c:if test="${bbo.order_status==2 }">selected=selected</c:if>>已完成</option>
						<option value="3" <c:if test="${bbo.order_status==3 }">selected=selected</c:if>>已过期</option>
						<option value="4" <c:if test="${bbo.order_status==4 }">selected=selected</c:if>>已撤销</option>
				</select></td>
				
			</tr>
			<tr>
				<td  align="right">消费内容：</td>
				<td><input type="text" id="order_content"
					name="order_content" value="${bbo.order_content }" class="form-control" /></td>
				<td  align="right">支付方式：</td>
				<td><select name="pay_way" id="pay_way" class="form-control">
						<option value="">全部</option>
						<option value="1" <c:if test="${bbo.pay_way==1 }">selected=selected</c:if>>微信付款</option>
						<option value="2" <c:if test="${bbo.pay_way==2 }">selected=selected</c:if>>支付宝付款</option>
						<option value="3" <c:if test="${bbo.pay_way==3 }">selected=selected</c:if>>美研币</option>
				</select></td>
				<td align="right">操作员工：</td>
				<td><input type="text" id="account" name="account"
					value="" class="form-control" /></td>
				<td align="right">支付时间：</td>
				<td colspan="2">
				<input type="date" id="pay_time1" name="pay_time1"  class="form-control" value="${bbo.pay_time1 }"/>至
				<input type="date" id="pay_time2" name="pay_time2"  class="form-control" value="${bbo.pay_time2 }"/>
				</td>
				<td>
					<button class="btn btn-default btn-sm" type="submit">
						<span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
					</button>
					<button type="reset" class="btn btn-default btn-sm">
						<span class="glyphicon glyphicon-repeat" aria-hidden="true">重置
					</button>
				</td>
			</tr>

		</table>

	</form>

	<hr>
	<div class="table-responsive">

		<div style="width: 100%; height: 100%;">
			<table class="table table-bordered">
				<tr>
					<td></td>
					<td>订单编号</td>
					<td>顾客账号</td>
					<td>顾客姓名</td>
					<td>消费内容</td>
					<td>消费类型</td>
					<!--  -->
					<td>价格(元)</td>
					<td>实付金额(元)</td>
					<td>消耗颜值</td>
					<td>支付方式</td>
					<td>支付时间</td>
					<td>店铺名称</td>
					<td>服务员工</td>
					<td>操作员工</td>
					<td>状态</td>

				</tr>

				<c:forEach items="${list }" var="bbo">
					<tr>
						<td><a class="btn btn-warning btn-xs" data-toggle="modal"
							data-target="#myModal" href="selectBusinessById/${bbo.order_id }"
							role="button"> <span class="glyphicon glyphicon-zoom-in"
								aria-hidden="true"></span>
						</a></td>
						<td>${bbo.order_id}</td>
						<td>${bbo.mobile}</td>
						<td>${bbo.username}</td>
						<td>${bbo.order_content}</td>
						<td>消费类型</td>
						<!--  -->
						<td>${bbo.order_money}</td>
						<td>${bbo.pay_money}</td>
						<td>${bbo.extend_beauty_num}</td>
						<td>${bbo.pay_way==1?"微信":"" || bbo.pay_way==2?"支付宝":"" || bbo.pay_way==3?"美颜币":""}</td>
						<td>${bbo.pay_time}</td>
						<td>${bbo.shop_name}</td>
						<td>${bbo.server}</td>
						<td>${bbo.account}</td>
						<td>${bbo.order_status==1?"已支付":"" || bbo.order_status==2?"已完成":""}</td>
					</tr>
				</c:forEach>
			</table>
		</div>
	</div>

	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document" style="">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">查看详情</h4>
				</div>
				<div class="modal-body">
					<iframe src="http://127.0.0.1:8085/bsc/jhy/seeBis_business_order">
					</iframe>
				</div>
				<div class="modal-footer"></div>
			</div>
		</div>
	</div>


</body>
</html>